<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">
  
  
  <title>  写夜子的个人博客 </title>

 
  
    <link rel="icon" href="/images/favicon.png">
  


  <link rel="stylesheet" href="/nayo.min.css"> 
</head>  
  <body>   
    
      <header class="header">
	
  <nav class="header-nav">        
   
    <span class="iconfont icon-menu mobile-toggle"></span>   	

    <div class="header-menu">          
              
            
              <a class="header-menu-link" id="header-menu-home" href="/">首页</a>     
            
            
            
              <a class="header-menu-link" id="header-menu-archives" href="/archives">归档</a>     
            
            
            
              <a class="header-menu-link" id="header-menu-tags" href="/tags">标签</a>     
            
            
            
              <a class="header-menu-link" id="header-menu-about" href="/about">关于</a>     
            
            
            
              <a class="iconfont icon-menu-search header-menu-link" id="header-menu-search"></a>
            
                
    </div>  
    
  </nav>
</header>   

      <div class="container">       
          
          
            <section class="main">  
          

          




<div class="profile sildeUpMin">
	
		<a href="/">
			<img class="avatar" src="http://wx2.sinaimg.cn/mw690/89296167gy1fu5ph67x17j21kw1kwhdu.jpg">
		</a>
		<p class="author">写夜子</p>
		
		<div class="social">
   		      		
			<a target="_blank" class="social-links" href="https://github.com/xieyezi">		
				<i class="iconfont icon-Github"></i>
			</a>	
	          		
			<a target="_blank" class="social-links" href="https://weibo.com/2301190503/profile?rightmod=1&wvr=6&mod=personinfo">		
				<i class="iconfont icon-Weibo"></i>
			</a>	
	          		
			<a target="_blank" class="social-links" href="https://www.facebook.com/profile.php?id=100022240804629">		
				<i class="iconfont icon-Facebook"></i>
			</a>	
	          		
			<a target="_blank" class="social-links" href="https://twitter.com/xieyezi">		
				<i class="iconfont icon-Twitter"></i>
			</a>	
	          		
			<a target="_blank" class="social-links" href="https://www.instagram.com/_xieyezi_/">		
				<i class="iconfont icon-Instagram"></i>
			</a>	
	    
    	</div>		
</div>


    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2020/02/07/如何在GitHub精确搜索学习项目/">如何在Gihub上面精准搜索开源项目？</a>

		 

		<div class="article-meta">
			<time>2月 07, 2020</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/Github/">Github</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h2 id="如何在Gihub上面精准搜索开源项目？"><a href="#如何在Gihub上面精准搜索开源项目？" class="headerlink" title="如何在Gihub上面精准搜索开源项目？"></a>如何在Gihub上面精准搜索开源项目？</h2><p>很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。相信看完这篇文章，你就可以学会如何精准地在GitHub搜索项目。
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2020/02/07/如何在GitHub精确搜索学习项目/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2020/01/05/2019一路走来/">2019一路走来</a>

		 

		<div class="article-meta">
			<time>1月 05, 2020</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/感悟/">感悟</a>
				
						<a class="article-tag" href="/tags/总结/">总结</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<p>今天是2020年的第一个工作日，一如往前，我来到公司坐下，打开网易云音乐、接好开水、点亮屏幕、打开掘金，一套动作一气呵成。这几天看了许多大佬的年度总结，发觉自己简直是条咸鱼，我不禁陷入了沉思，我的2019到底发生了什么？</p>
<h3 id="沿途都是风景"><a href="#沿途都是风景" class="headerlink" title="沿途都是风景"></a>沿途都是风景</h3><p>对于技术，我想到一个关键词：“成长”。 </p>
<p>年初那个时候我还在上海实习，有幸进入了<code>WIFI万能钥匙</code>去实习。在这里，我呆了四个月，感谢前辈的领路，让我接触了Vue.js，自此开始入了前端的大坑。我所在的部门是大数据平台、所以基本上做的都是数据可视化，期间参与了公司项目“玄鸟”的开发，这是一个数据统计和分析平台。在这过程中，学到了很多东西，也逐渐对vue熟悉起来，成为了尤大大的脑残粉。这家公司，我可以给出很高的评价，至少在我的团队里面，氛围特别的好，每周会都有技术分享会、可以相互交流（面基），大家互相成长，整个公司透露着一种特别好的氛围。
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2020/01/05/2019一路走来/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/12/03/commitizen、cz-customizable、eslint、prettier、husky、commitlint搭建前端git提交规范/">commitizen、cz-customizable、eslint、prettier、husky、commitlint搭建前端git提交规范</a>

		 

		<div class="article-meta">
			<time>12月 03, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/Git/">Git</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<p> 平时自己写代码的时候，每当需要提交代码到GitHub的时候，我一般的操作是直接<code>git commit &#39;xxxx&#39;</code>，然后直接就推送了，后来项目变得稍微有点大了，还有一些其他小伙伴加入了项目的开发，他们给我项目仓库提交代码，长时间之后去看他们的提交，甚至都不知道他们干了啥，这就很尴尬了。所以git的提交必须要规范才行，尤其是在多人协作的项目中，如果Git的提交说明精准，在后期协作以及后期review会变得有据可查，项目的开发可以根据规范的提交说明快速生成开发日志，从而方便开发者或用户追踪项目的开发信息和功能特性。
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/12/03/commitizen、cz-customizable、eslint、prettier、husky、commitlint搭建前端git提交规范/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/11/29/React基础入门/">React基础入门</a>

		 

		<div class="article-meta">
			<time>11月 29, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/React/">React</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<ol>
<li>React组件采用ES6 class的写法:<figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">import</span> React, &#123;Component&#125; <span class="keyword">from</span> <span class="string">'react'</span>;</span><br><span class="line"><span class="class"><span class="keyword">class</span> <span class="title">Children</span> <span class="keyword">extends</span> <span class="title">Component</span></span>&#123;</span><br><span class="line">    <span class="keyword">constructor</span>(props)&#123;</span><br><span class="line">        <span class="keyword">super</span>(props); <span class="comment">//调用父类的构造函数，固定写法,继承父组件属性</span></span><br><span class="line">        <span class="keyword">this</span>.state = &#123;</span><br><span class="line">            value:<span class="string">''</span>,</span><br><span class="line">            list:[]</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">   render()&#123;</span><br><span class="line">       <span class="keyword">return</span> ();</span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
</li>
</ol>
		
	</div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/11/29/React基础入门/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/11/28/Javascript 原型和原型链深度解析/">Javascript 原型和原型链深度解析</a>

		 

		<div class="article-meta">
			<time>11月 28, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/ES6/">ES6</a>
				
						<a class="article-tag" href="/tags/Javascript/">Javascript</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p>  在前端这块领域，原型与原型链是每一个前端er必须掌握的概念。我们多次在面试或者一些技术博客里面看见这个概念。由此可见，这个玩意对于前端来说有多重要。其实它本身理解起来不难，但是很多刚入行前端的同学，看到<code>prototype</code>、<code>__proto__</code>理解起来还是有点吃力，然后脑子里面就乱成一锅粥，就像我一样。但是这是很正常的事情，没什么大不了的，就像我们想要学会跑步，那么我们就必须先学会走路。任何事情都是有个过程的。所以现在就跟我一起来攻克这个难点吧。通过这篇文章你将掌握以下知识点:
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/11/28/Javascript 原型和原型链深度解析/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/11/05/JavaScript的一些闲散的代码块/">JavaScript的一些闲散的代码块</a>

		 

		<div class="article-meta">
			<time>11月 05, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/JS/">JS</a>
				
						<a class="article-tag" href="/tags/ES6/">ES6</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h3 id="防抖函数"><a href="#防抖函数" class="headerlink" title="防抖函数"></a>防抖函数</h3><figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line"><span class="string">'use-strict'</span>;</span><br><span class="line"><span class="comment">/**</span></span><br><span class="line"><span class="comment"> * 自己实现防抖函数</span></span><br><span class="line"><span class="comment"> */</span></span><br><span class="line"><span class="function"><span class="keyword">function</span> <span class="title">debounce</span>(<span class="params">func,delay</span>)</span>&#123;</span><br><span class="line">    <span class="keyword">let</span> timer;</span><br><span class="line">    <span class="keyword">return</span> <span class="function"><span class="keyword">function</span>(<span class="params">...args</span>)</span>&#123;</span><br><span class="line">        <span class="keyword">if</span>(timer)&#123;</span><br><span class="line">            clearTimeout(timer);<span class="comment">//如果用户再次输入，则把前一个 setTimeout clear 掉</span></span><br><span class="line">        &#125;</span><br><span class="line">        timer = setTimeout(<span class="function"><span class="params">()</span>=&gt;</span>&#123;</span><br><span class="line">            func.call(<span class="keyword">this</span>,args);</span><br><span class="line">        &#125;,delay); <span class="comment">// 然后又创建一个新的 setTimeout, 这样就能保证输入字符后的 delay 间隔内如果还有字符输入的话，就不会执行 fnnc 函数</span></span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
		
	</div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/11/05/JavaScript的一些闲散的代码块/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/09/19/vue-amap的bug -Cannot read property 'Ac' of null/">vue-amap的bug -Cannot read property &#39;Ac&#39; of null</a>

		 

		<div class="article-meta">
			<time>9月 19, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/JS/">JS</a>
				
						<a class="article-tag" href="/tags/Vue/">Vue</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h2 id="问题产生的场景"><a href="#问题产生的场景" class="headerlink" title="问题产生的场景"></a>问题产生的场景</h2><p>  我们在项目中引入了<code>vue-amap</code>组件，我在每个标记点上绑定了点击事件，如下:<br>  <figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">let</span> markerAlarm = &#123;</span><br><span class="line">        position: [lon, lat],</span><br><span class="line">        visible: <span class="literal">true</span>,</span><br><span class="line">        draggable: <span class="literal">false</span>,</span><br><span class="line">        name: name,</span><br><span class="line">        animation: <span class="string">"AMAP_ANIMATION_BOUNCE"</span>, <span class="comment">// 标记点动画效果</span></span><br><span class="line">        icon: <span class="string">"/images/alarm.png"</span>,</span><br><span class="line">        events: &#123;</span><br><span class="line">            init(o) &#123;</span><br><span class="line">                self.markerRefs.push(o);</span><br><span class="line">            &#125;,</span><br><span class="line">            click: <span class="function"><span class="params">()</span> =&gt;</span> &#123;</span><br><span class="line">                self.windows = &#123;</span><br><span class="line">                    enterprise_id: data[i].enterprise_id,</span><br><span class="line">                    position: [lon, lat],</span><br><span class="line">                    content: name,</span><br><span class="line">                    visible: <span class="literal">true</span>,</span><br><span class="line">                    size: <span class="number">100</span>,</span><br><span class="line">                    events: &#123;</span><br><span class="line">                        close: <span class="function"><span class="params">()</span> =&gt;</span> &#123;</span><br><span class="line">                            self.windows.visible = <span class="literal">false</span>;</span><br><span class="line">                        &#125;</span><br><span class="line">                    &#125;</span><br><span class="line">                &#125;;</span><br><span class="line">                <span class="keyword">let</span> crumbArray = [</span><br><span class="line">                    &#123;</span><br><span class="line">                        url: <span class="string">"/move"</span>,</span><br><span class="line">                        name: <span class="string">"移动执法"</span></span><br><span class="line">                    &#125;,</span><br><span class="line">                    &#123;</span><br><span class="line">                        url: <span class="string">""</span>,</span><br><span class="line">                        name: <span class="string">"企业详情"</span></span><br><span class="line">                    &#125;</span><br><span class="line">                ];</span><br><span class="line">                self.$router.push(&#123;</span><br><span class="line">                    name: <span class="string">"enterpriseDetail"</span>,</span><br><span class="line">                    query: &#123;</span><br><span class="line">                        enterpriseId: self.windows.enterprise_id,</span><br><span class="line">                        crumbArray: crumbArray</span><br><span class="line">                    &#125;                                      </span><br><span class="line">                &#125;);</span><br><span class="line">                <span class="built_in">console</span>.log(self.windows, <span class="string">"231423"</span>);</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;;</span><br></pre></td></tr></table></figure></p>
		
	</div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/09/19/vue-amap的bug -Cannot read property 'Ac' of null/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/08/23/docker部署vue静态项目/">docker部署vue静态项目</a>

		 

		<div class="article-meta">
			<time>8月 23, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/docker/">docker</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h2 id="说在前面"><a href="#说在前面" class="headerlink" title="说在前面"></a>说在前面</h2><p>   我在网上搜索了很多docker部署vue项目的教程，其中很多的文章不乏都是先将vue项目执行<code>npm run build</code> 在本地进行打包，传到自己的仓库去，然后到服务器去拉取我们的代码，获取<code>dist</code>文件，再将该文件挂载到dockr容器内。其实这种操作应当是有缺陷的，我们应当把打包的操作也放到docker的镜像里面去操作。<br>
		
	</p></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/08/23/docker部署vue静态项目/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/08/23/docker-compose基本知识/">docker-compose基本知识</a>

		 

		<div class="article-meta">
			<time>8月 23, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/docker/">docker</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h1 id="docker-compose-yml-文件的编写"><a href="#docker-compose-yml-文件的编写" class="headerlink" title="docker-compose.yml 文件的编写"></a>docker-compose.yml 文件的编写</h1><h3 id="docker-compose"><a href="#docker-compose" class="headerlink" title="docker-compose"></a>docker-compose</h3><p>  我们知道使用一个 Dockerfile 模板文件，可以让用户很方便的定义一个单独的应用容器。然而，在日常工作中，经常会碰到需要多个容器相互配合来完成某项任务的情况。例如要实现一个 Web 项目，除了 Web 服务容器本身，往往还需要再加上后端的数据库服务容器，甚至还包括负载均衡容器等。<code>docker-compose</code>就可以做到这一点。</p>
<h3 id="Compose的两个重要概念"><a href="#Compose的两个重要概念" class="headerlink" title="Compose的两个重要概念"></a>Compose的两个重要概念</h3><ol>
<li>服务(service): 一个应用的容器，实际上可以包括若干运行相同镜像的容器实例。</li>
<li>项目(project): 由一组关联的应用容器组成的一个完整业务单元，在<code>docker-compose.yml</code>文件中定义。<br><code>Compose</code> 的默认管理对象是项目，通过子命令对项目中的一组容器进行便捷地生命周期管理。</li>
</ol>
<p>  可见一个项目可以由多个服务（容器）关联而成，Compose 面向项目进行管理。</p>

		
	</div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/08/23/docker-compose基本知识/">阅读更多</a>
	</div>

</article>
     
     	
    	  	
  		
    			

<article class="article">

	<div class="article-header">

		<a class="article-title" href="/2019/08/23/Dockerfile文件编写/">Dockerfile文件编写</a>

		 

		<div class="article-meta">
			<time>8月 23, 2019</time>
			
				<span class="iconfont icon-star"></span>
				
						<a class="article-tag" href="/tags/docker/">docker</a>
				
			
		</div>
	</div>


	


	<div class="article-excerpt">
		
			<h1 id="Dockerfile文件的编写"><a href="#Dockerfile文件的编写" class="headerlink" title="Dockerfile文件的编写"></a>Dockerfile文件的编写</h1><p> <code>FROM</code> : 指定基础镜像 (可以到<a href="https://hub.docker.com/" target="_blank" rel="noopener">Docker Hub</a>上面去寻找想要的镜像)<br> <code>RUN</code>  : 执行命令，有两种模式: </p>
<ol>
<li>shell 格式：<code>RUN &lt;命令&gt;</code>，就像直接在命令行中输入的命令一样;例如 <code>rm -rf xxx</code>,<code>npm install</code>等等;</li>
<li><p>exec 格式：<code>RUN [&quot;可执行文件&quot;, &quot;参数1&quot;, &quot;参数2&quot;]</code>，这更像是函数调用中的格式。</p>
<blockquote>
<p>为了保持 Dockerfile 文件的可读性，可理解性，以及可维护性，建议将长的或复杂的 RUN 指令用反斜杠 \ 分割成多行,例如:</p>
</blockquote>
		
	</li></ol></div>

	<div class="article-bottom">
		<a class="article-readmore" href="/2019/08/23/Dockerfile文件编写/">阅读更多</a>
	</div>

</article>
     
     	



 
   <nav class="paginator">
    

   <span class="page-number"> Page <strong>1</strong>. </span>

    
        <a class="next" href="/page/2/"> 
        下一页
        <i class="iconfont icon-right"></i>
        </a>
    
  </nav> 

          </section> 
      </div>            
    
    <a id="backTop">
      <span>
        <i class="iconfont icon-backtotop"></i>
      </span>
    </a> 

  
    
    <div class="search-container sildeUpMin">
        <div class="search-header">
            <input type="text" placeholder="输入你想搜索的" id="search-input" class="search-input">  
            <span class="search-cancel iconfont icon-cancel"></span>
        </div>
        <div id="search-result" class="search-result"></div>
    </div>
 
     <div class="mobile-menu">      

      
      <img class="mobile-menu-icon" src="/images/favicon.png">   
      

         
            

            <a class="mobile-menu-link" href="/">首页
            </a>
            
         
            

            <a class="mobile-menu-link" href="/archives">归档
            </a>
            
         
            

            <a class="mobile-menu-link" href="/tags">标签
            </a>
            
         
            

            <a class="mobile-menu-link" href="/about">关于
            </a>
            
         
                          

            <a class="mobile-menu-link mobile-menu-search" href="#">搜索 </a>                 
            
         
      
</div>        
    


<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?636802045446222199ae541e32c8133e"; 
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>





     
    




<footer id="footer">


		<div class="footer-copyright">
		&copy;
		
		2018-
		
		2020

		Xieyezi
		<br>

		Copyright
		<a href="https://github.com/xieyezi" target="_blank">Xieyezi</a>
		</div>

</footer>
   

  

    <script src="/nayo.bundle.js"></script>           
  </body>        
</html>